<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link href="static/images/favicon.ico" rel="icon" type="image/x-icon"/>
    <title>武威道路运政信息化平台</title>
    <link rel="stylesheet" href="//minedata.cn/minemapapi/v2.0.0/minemap.css">
    <link rel="stylesheet" href="static/fonts/font.css">
    <script src="//minedata.cn/minemapapi/v2.0.0/minemap.js"></script>
    <style>
      html,body{
        width: 100%;
        min-height: 1080px;
        color: #fff;
        font-family: "Microsoft YaHei UI", serif;
      }

      div.minemap-ctrl-bottom-left{
        display: none;
      }
      .minemap-popup-content {
        position: relative;
        background: rgba(7, 34, 31, 0.95);
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
        /*padding: 10px 10px 15px;*/
        padding: 0;
        pointer-events: auto;
        color: #fff;
        border: 2px solid #1c9e96;
      }
      button.minemap-popup-close-button {
        color: #05cdc1;
        font-size: 18px;
      }

      .minemap-popup-tip {
        display: none;
      }

      .normal-popup {
        padding: 8px 15px;
      }

      .normal-popup .normal-text {
        font-size: 14px;
      }

      span.content-tip {
        position: absolute;
        left: 40px;
        bottom: -12px;
        width: 18px;
        height: 14px;
        background: url("./static/images/history/content-tip-large.png") no-repeat center;
        background-size: contain;
      }

      span.content-tip-large {
        position: absolute;
        left: 113px;
        bottom: -18px;
        width: 34px;
        height: 18px;
        background: url("./static/images/history/content-tip-large.png") no-repeat center;
      }

      .warn-popup {
        width: 280px;
        height: auto;
        padding: 12px 15px;
      }

      .warn-img {
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
        width: 55px;
        height: 55px;
      }

      .warn-popup > p {
        font-size: 16px;
        color: #EFBB42;
        line-height: 28px;
        text-align: left;
      }
      p{
        margin: 0;
      }
      .icon {
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        height: 22px;
        background: url("static/images/index/tog-down.png") no-repeat center;
        background-size: 12px 12px;
        transform: rotate(360deg);
        transition: all ease 0.3s;
        cursor: pointer;
        padding: 0;
      }
      .warn-popup .p-btn{
        text-align: left;
      }
      span.track-btn{
        display: inline-block;
        height: 28px;
        width: 50px;
        line-height: 30px;
        font-size: 13px;
        border: 2px solid #065064;
        color: #1c9e96;;
        text-align: center;
        letter-spacing: 1px;
        border-radius: 3px;
        /*margin-left: -186px;*/
        margin-top: 5px;
        cursor: pointer;
      }
      span.track-btn:hover{
        color: #EFBB42;
      }
      .warn-popup .p-tip span{
        line-height: 20px;
        color: #e1e1e2;
        font-weight: normal;
        opacity: 0.9;
      }
      .warn-popup p > .name-tip{
        display: inline-block;
        vertical-align: middle;
        width: 75px;
        height: 22px;
        text-align: justify;
        text-justify: inter-word;
        opacity: 0.9;
        font-weight: bold;
        color: #fff;
        margin-right: 1px;
      }
      .warn-popup p > .title-tip{
        display: inline-block;
        vertical-align: middle;
        width: 280px;
        height: 22px;
        text-align: justify;
        text-justify: inter-word;
        opacity: 0.9;
        font-weight: bold;
        color: #fff;
        margin-right: 1px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      .name-tip > span{
        display: inline-block;
        padding-left: 100%;
      }

      .infor-span::-webkit-scrollbar {       /* 滚动条整体部分*/
        width: 3px;   /*纵向滚动条的宽度*/
        height: 0px;    /*横向滚动条的高*/
      }

      .infor-span::-webkit-scrollbar-track {  /*滚动条的轨道（里面装有Thumb）*/
        background-color:#405569;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
      }
      .infor-span::-webkit-scrollbar-thumb {  /*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
        background-color:#ffffff;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->

    <!-- <script src="static/lib/echart/echarts.min.js"></script> -->
    <script src="//minedata.cn/minemapapi/demo/js/echarts-all-3.js"></script>
    <script src="static/lib/turf/turf.min.js"></script>
    <script src="//minedata.cn/minemapapi/v2.0.0/plugins/template/template.js"></script>
  </body>
</html>
